// 导入MessageOutlined图标和ChatIcon.css样式文件
import { MessageOutlined } from '@ant-design/icons';
import './ChatIcon.css';

// 定义ChatIcon组件，接收一个可选的onClick函数作为参数
const ChatIcon: React.FC<{ onClick?: () => void }> = ({ onClick }) => (
  // 在div元素上添加chat-icon-float类名，并绑定onClick事件
  <div className="chat-icon-float" onClick={onClick}>
    {/* // 使用MessageOutlined图标，设置字体大小和颜色 */}
    <MessageOutlined style={{ fontSize: 32, color: '#fff' }} />
  </div>
);

// 导出ChatIcon组件
export default ChatIcon; 